<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Student Information Management System</title>
    
    <link rel="stylesheet" href="../css/zz1.css" />
    <!-- <link rel="stylesheet" href="../js/bootstrap-3.4.1-dist/css/bootstrap.min.css"> -->
   
  </head>

  <body id="hui">
    <div>
      <header>
        <h1 class="w" id="hthe"><span></span> 合同管理</h1>
      </header>
      <main>
        <div class="w">
          <div class="chaxun">
            <span>
              合同编号：<input
                type="text"
                name=""
                id="htbh"
                placeholder="请输入合同编号"
              />
            </span>
            <button class="glyphicon glyphicon-search "   id="btn1">查询</button>
            <button class="glyphicon glyphicon-plus" id="add">新增</button>
          
            <button class="glyphicon glyphicon-refresh" id="cz">重置</button>
           
          </div>
          <div id="adbt">
           
           
           
          <table>
            <tbody id="chaxun">
              <tr id="thead">
                
                <th>序号</th>
                <th>合同编号</th>
                <th>主体</th>
                <th>区域</th>
                <th>签约企业</th>
                <th>企业类型</th>
                <th>合同类型</th>
                <th>合同状态</th>
                <th>签约人员</th>
                <th>开始日期</th>
                <th>结束日期</th>
                <th>操作</th>
              </tr>
            </tbody>
          </table>
          <div id="navigate">
            <div id="tpbt">
              <button id="lastpage">上一页</button>
              <button id="nextpage">下一页</button>
            </div>
            <p>
              
              这是第<span id="pgn"></span>页,共<span id="en"></span>条
              
            </p>
            <!--Number of entries-->
          
          </div>
        </div>
      </main>
    </div>
    <!-- <div id="sbg"></div> -->
    <!--增删改查时的阴影背景-->
    <div class="achaesi" id="asi">
      <!--    <form action="" method="post">-->
      <h2>新增企业信息</h2>
      <div class="ifm">
        <div>
          <label for="assn">合同编号</label>
          <input
            id="assn"
            type="text"
            placeholder="12235"
            required="required"
            maxlength="6"
          />
        </div>
        <div>
          <label for="asn">主体类型</label>
          <input
            id="asn"
            type="text"
            placeholder="主体"
            required="required"
            minlength="1"
            maxlength="8"
          />
        </div>
        <div>
          <label for="asac">区域地址</label>
          <input
            id="asac"
            type="text"
            placeholder="A区"
            required="required"
            minlength="1"
            maxlength="10"
          />
        </div>
        <div>
          <label for="asm">签约企业</label>
          <input
            id="asm"
            type="text"
            placeholder="周周公司"
            required="required"
          />
        </div>
        <div>
          <label for="asg">企业类型</label>
          <input
            id="asg"
            type="text"
            placeholder="一般企业"
            required="required"
          />
        </div>
        <div>
          <label for="asc">合同类型</label>
          <input
            id="asc"
            type="text"
            placeholder="未到期"
            required="required"
            maxlength="3"
          />
        </div>
        <div>
          <label for="asc">合同状态</label>
          <input
            id="asc"
            type="text"
            placeholder="生效"
            required="required"
            maxlength="3"
          />
        </div>
        <div>
          <label for="asag">签约人员</label>
          <input id="asag" type="text" placeholder="张山" required="required" />
        </div>
        <div>
          <label for="asag">开始日期</label>
          <input
            id="asag"
            type="text"
            placeholder="2023-2-22"
            required="required"
          />
        </div>
        <div>
          <label for="asag">结束日期</label>
          <input
            id="asag"
            type="text"
            placeholder="2023-2-29"
            required="required"
          />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button type="submit" id="submit">提交</button>
        <button class="cancel">取消</button>
      </div>
      <!--    </form>-->
    </div>
    <div class="achaesi" id="chasi">
      <!--    <form action="" method="post">-->

      <!-- 修改企业信息 -->
      <h2>修改企业信息</h2>
      <div class="ifm">
        <div>
          <label for="chassn">合同编号</label>
          <input id="chassn" type="text" readonly required="required" />
        </div>
        <div>
          <label for="chasn">主体类型</label>
          <input id="chasn" type="text" required="required" />
        </div>
        <div>
          <label for="chasac">区域地址</label>
          <input id="chasac" type="text" required="required" />
        </div>
        <div>
          <label for="chasm">签约企业</label>
          <input id="chasm" type="text" required="required" />
        </div>
        <div>
          <label for="chasg">企业类型</label>
          <input id="chasg" type="text" />
        </div>
        <div>
          <label for="chasc">合同类型</label>
          <input id="chasc" type="text" required="required" />
        </div>
        <div>
          <label for="chasag">合同状态</label>
          <input id="chasag" type="text" required="required" />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button type="submit" id="save" class="baocun">保存</button>
        <button class="cancel">取消</button>
      </div>
      <!--    </form>-->
    </div>

    <!-- 查看 -->
    <div class="achaesi" id="chesi">
      <h2>企业信息</h2>
      <div class="ifm">
        <div>
          <label for="chessn">合同编号</label>
          <input type="text" readonly id="chessn" />
        </div>
        <div>
          <label for="chesn">主体类型</label>
          <input type="text" readonly id="chesn" />
        </div>
        <div>
          <label for="chesac">区域地点</label>
          <input type="text" readonly id="chesac" />
        </div>
        <div>
          <label for="chesm">签约企业</label>
          <input type="text" readonly id="chesm" />
        </div>
        <div>
          <label for="chesg">企业类型</label>
          <input type="text" readonly id="chesg" />
        </div>
        <div>
          <label for="chesc">合同类型</label>
          <input type="text" readonly id="chesc" />
        </div>
        <div>
          <label for="chesag">合同状态</label>
          <input type="text" readonly id="chesag" />
        </div>
        <div>
          <label for="chesag">签约人员</label>
          <input type="text" readonly id="chesag" />
        </div>
        <div>
          <label for="chesag">开始日期</label>
          <input type="text" readonly id="chesag" />
        </div>
        <div>
          <label for="chesag">结束日期</label>
          <input type="text" readonly id="chesag" />
        </div>
      </div>
      <hr />
      <div class="scbt">
        <button class="cancel">取消</button>
      </div>
    </div>
    <script src="../js/JQ/jquery.js"></script>
    <!-- <script src="../js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script> -->
    <script src="../js/layer-v3.5.1/layer/layer.js"></script>
    <script src="../js/zz.js/zzdata.js"></script>
    <script src="../js/zz.js/zzd.js"></script>
  </body>
</html>
